@charset 'utf-8';

@import 'common';

$address_fs: r(22px);
$address_color: #ffffff;

.article_container{
    padding: 0 r(30px);
    padding-top: r(40px);
}
.article_head{
    h3{
        font-size: r(30px);
        line-height: r(30px);
        color: #585858;
    }
    .browse_wrapper{
        display: flex;
        align-items: center;
        margin-top: r(16px);
        .browse_img{
            width: r(24px);
            height: r(14px);
            margin-right: r(7px);
            margin-left: r(18px);
            float: left;
            img{
                @include img;
            }
        }
        p{
            font-size: r(22px);
            line-height: r(22px);
            color: #c5c5c5;
            float: left;
        }
    }
}
.article_cont{
    margin-top: r(50px);
    font-size: r(22px);
    color: #8b8b8b;
}
.article_img{
    padding: r(30px) 0; 
    border-bottom: 1px solid #e6e6e6;
    img{
        width: 100%;
        height: r(337px)
    }
}
.address_container{
    margin-top: r(38px);
    >p{
       font-size: r(28px);
       font-weight: bold;
       color: #8e8d8d; 
       margin-left: r(27px);
    }
    .address_wrapper{
        display: flex;
        margin-top: r(10px);
        padding: r(18px) 0;
        background: #b20000;
        .address{
            display: flex;
            justify-content: center;
            align-items: center;
            width: r(212px);
            .add{
                display: flex;
                justify-content: center;
                flex-direction: column;
                align-items: center;
               .address_img{
                    width: r(44px);
                    height: r(41px);
                    margin-bottom: r(19px);
                    img{
                        @include img;
                    }
                }
                p{
                    font-size: $address_fs;
                    color: $address_color;
                } 
            }
                
        }
        .separate_line{
            width: 1px;
            height: r(115px);
            background: #FFFFFF;
        }
    }
}
